<template>
<div id="app">

    <p>
      <!-- 使用 router-link 组件来导航. -->
      <!-- 通过传入 `to` 属性指定链接. -->
      <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->
      <router-link to="/foo">Go to Foo</router-link>
      <router-link to="/bar">Go to Bar</router-link>
    </p>
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>
  </div>

</template>






<!--<template>-->
<!--  <div id="app">-->
<!--    <img src="./assets/logo.png">-->
<!--    <h1>{{ msg }}</h1>-->
<!--    <h2>Essential Links</h2>-->
<!--    <ul>-->
<!--      <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>-->
<!--      <li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>-->
<!--      <li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li>-->
<!--      <li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>-->
<!--    </ul>-->
<!--    <h2>Ecosystem</h2>-->
<!--    <ul>-->
<!--      <li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li>-->
<!--      <li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li>-->
<!--      <li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li>-->
<!--      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>-->
<!--    </ul>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: 'app',-->
<!--  data () {-->
<!--    return {-->
<!--      msg: 'Welcome to Your Vue.js App'-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="scss">-->
<!--#app {-->
<!--  font-family: 'Avenir', Helvetica, Arial, sans-serif;-->
<!--  -webkit-font-smoothing: antialiased;-->
<!--  -moz-osx-font-smoothing: grayscale;-->
<!--  text-align: center;-->
<!--  color: #2c3e50;-->
<!--  margin-top: 60px;-->
<!--}-->

<!--h1, h2 {-->
<!--  font-weight: normal;-->
<!--}-->

<!--ul {-->
<!--  list-style-type: none;-->
<!--  padding: 0;-->
<!--}-->

<!--li {-->
<!--  display: inline-block;-->
<!--  margin: 0 10px;-->
<!--}-->

<!--a {-->
<!--  color: #42b983;-->
<!--}-->
<!--</style>-->
